/**
 *
物理像素，CSS像素，dip设备独立像素，dpr设备像素之间的关系

设备像素比（Device Pixel Ratio，简称DPR）：

是指设备物理像素的数量与设备独立像素的数量之比。在绝大多数情况下，设备独立像素指的是CSS像素。
通常情况下，设备像素比等于1时，表示设备的物理像素和CSS像素是一一对应的，这种情况下我们称之为“传统屏幕”或“标准屏幕”。而在高分辨率屏幕上，设备像素比通常大于1，这意味着一个CSS像素需要用多个物理像素来显示，从而达到更高的清晰度和视觉效果。
例如，在一台设备像素比为2的设备上，一个CSS像素需要使用4个物理像素来显示。因此，CSS像素在这样的设备上会显得更小，但图像会更加清晰、细腻。

问1: 设备独立像素？
答1: 设备独立像素（DIP）与物理像素的关系可以用以下数学公式表示：

DIP = 物理像素 / 设备像素比(dpr )


问2：在缩放情况下，设备独立像素与css像素之间的关系，请问数学公式表示。
答2:  在缩放情况下，设备独立像素（DIP）和CSS像素之间的关系会发生变化。当用户对页面进行缩放时，CSS像素的大小会相应地改变，而设备独立像素的大小保持不变。

假设用户将页面放大了两倍，那么同样大小的CSS像素现在将占用两个设备独立像素的空间。因此，在缩放情况下，设备独立像素和CSS像素之间的关系可以用以下数学公式表示：

1 DIP = N CSS像素

其中N是一个缩放因子，代表当前缩放级别下每个CSS像素所占用的设备独立像素数量。如果页面的缩放级别为2，则N的值将为2，即：

1 DIP = 2 CSS像素

这也意味着，如果一个元素的宽度为100个CSS像素，那么在缩放级别为2的情况下，该元素的实际宽度将变为200个设备独立像素。


问3: css像素与物理像素之间的关系，请用数学公式表示，此公式应该满足页面可能会被缩放可能
答3: CSS像素与物理像素之间的关系可以表示为：

物理像素 = CSS像素 * 设备像素比

其中，设备像素比是指设备物理像素数目和CSS像素数目的比例。在高分辨率屏幕上，设备像素比一般大于1，因此一个CSS像素会对应多个物理像素。

考虑到页面可能会被缩放，我们还需要考虑视口缩放因子，在这种情况下，公式可以进一步表示为：

物理像素 = (CSS像素 * 视口缩放因子) * 设备像素比

其中，视口缩放因子是指用户在浏览器中缩放页面时所使用的缩放比例。

总结:
DIP = 缩放因子 * CSS像素
又有
DIP = 物理像素 / 设备像素比dpr

得:
缩放因子*css像素 = 物理像素/dpr 

转换得：

物理像素 = 缩放因子*css像素*dpr

 * 
 */